<template>
<div>
<!--  1.-->
  <div>
    <van-nav-bar
        title="签到"
        left-text="返回"
        left-arrow
        @click-left="back()"
    />
  </div>
<!--  2.-->
  <div>
    <van-row gutter="20">
      <van-col span="8"></van-col>
      <van-col span="8">
        <van-cell @click="showPopup">
          <van-image
              round
              width="6rem"
              height="6rem"
              src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
          />
        </van-cell>
      </van-col>
      <van-col span="8"></van-col>
    </van-row>
<!--    <van-popup v-model:show="show">签到成功！</van-popup>-->
  </div>
<!--  3.-->
  <div>
    <van-calendar
        title="日历"
        :poppable="false"
        :show-confirm="false"
        :style="{ height: '500px' }"
        readonly
    />

  </div>
</div>
</template>

<script>
export default {
  name: "SignView",
  data() {
    return{
      show:false
    }
  },
  methods:{
    back() {
      history.back();
    },
    showPopup() {
      this.show=true;
      this.axios.get("/api/userintegral/add.do").then((res)=>{
        if (res.data.data==200) {
          this.$toast(res.data.msg);
        } else {
          this.$toast(res.data.msg);
        }
      })
    }
  }
}
</script>

<style scoped>

</style>